<template>
    <div>{{msg}}</div>
    <div>{{msg2}}</div>
    <div v-html="msg2"></div>
    <div :title="title">qianden</div>
    <div v-bind="obj">obj</div>
    <!--  分隔成字符串，反转，变成数组-->
    <div>{{arr.split('').reverse().join()}}</div>
    <div v-if="isshow">baga</div>
    <button @click="handlerclick">两集反转</button>
    <input type="text" @keyup.enter="enterhandel">
</template>
    
<script setup lang='ts'>
import { ref,reactive } from 'vue'
const msg = ref('jkasjdl')
const msg2 = ref('<h1>wof</h1>')
const title = ref('前锋教育')
const obj = ref({
    name: 'lili',
    age: 18
})
const arr=ref('hello word')
const isshow =ref(true)
const handlerclick=()=>{
    isshow.value=!isshow.value
}
const enterhandel=(e)=>{
    console.log(e.target.value);
    
}


</script>
    
<style>

</style>